<template>
  <div class="winning">
    <my-head title="中奖记录" :go="true" :ri="false"></my-head>
    <div class="content">
      <div class="list-head">
        <div>账号名</div>
        <div>时间</div>
        <div>奖品</div>
      </div>
      <div class="list-data">
        <div>
          <img src="@/assets/null.png" alt="">
          <span>暂无兑换记录</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Head from '@/components/Head'
export default {
  data(){
    return {
      datalist:[]
    }
  },
  components:{
    myHead:Head
  }
}
</script>

<style scoped lang="less">
  .winning{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .content{
      flex: 1;
      display: flex;
      flex-direction: column;
      .list-head{
        background: #f5f5f5;
        display: flex;
        flex-direction: row;
        div{
          flex: 1;
          text-align: center;
          font-size: 0.13rem;
          padding: 0.22rem 0;
        }
      }
      .list-data{
        flex: 1;
        div{
          display: flex;
          flex-direction: column;
          text-align: center;
          img{
            width: 2.25rem;
            margin: 0 auto;
          }
          span{
            font-size: 0.12rem;
            color: #ffa05c;
            padding: 0.28rem 0;
          }
        }
      }
    }
  }
</style>
